body {
	background:#000000;
	font-family: 'Titillium Web', sans-serif;
}
h1 {
	margin:0 0 10px 0;
	color: #C92228;
  	font-size: 20px;
  	font-weight: 700;

  	a {
		color: #C92228;
		text-decoration: none;
	}
	a:hover {
		color: #C92228;
		text-decoration: none;
	}
}

.red {
	color:#C92228;
}
.landing {
	background:#fff;
}
.web_main {	
	padding: 0px;
  	color: #000000;
  	background-color: #fff;

	p {
	  margin-bottom: 15px;
	  font-size: 14px;
	  font-weight: 200;
	}
	.content {
		width: 75%;
		float: left;
		padding-bottom: 25px;
		border-right: 10px solid #000000;
	}
	.side_content {
		width: 25%;
		float: right;
		padding: 25px 0px 0px 25px; 

		a {
			color:#C92228;
			font-style: italic;
			text-decoration: underline;
			padding-left: 10px;
		}
		.previous,
		.next {
			margin-top: 10px;
		}
	}
	.btn-lg {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius:0;
		background:#000000;
		border:#000000;
	}
	.btn-lg:hover {
		background:#00eaed;
		border:#00eaed;
	}
	.container {
	  max-width: 100%;
	}
	.article {
		
		padding:25px 0px 0px 0px;
		width: 100%;
		float: left;

		.wrapper {
			margin-right: 25px;
			border-bottom: 1px solid #D7D7D7;
			padding-bottom: 10px;
		}
	}
	.article.last .wrapper{
		border: none;
	}
	.glyphicon-comment {
		color: #C92228;
		font-size: 22px;
		cursor: pointer;
	}
	.comment_count {
		vertical-align: super;
	}

	.comment_wrapper {
		float: left;
		margin: 0px 25px 0px 10px;
		padding: 0px 3px;
		display: none;

		.comment {
			padding: 10px 0px;
			float: left;
			width: 100%;
		}

		.author {
			padding: 0;
			float: left;

			.user {
				display: block;
				font-weight: 700;
			}
			.date {
				display: block;
			}
		}
		.message {
			padding: 0;
			float: left;
			font-style: italic;
		}
		.login_please {
			display: block;
			float: left;
			padding-bottom: 15px;

			a {
				font-style: italic;
				color: #C92228;
				text-decoration: underline;
			}
		}
		.comment_form {
			float: left;
			width: 100%;
			padding-bottom: 15px;
		
			.form_label {
				width:100%;
				margin:0;
			}
			.form_textarea {
				width:100%;
				margin:0;	
				height:80px;
			}
			.form_submit_button {
				width:100%;
				background:#C92228;
				border:1px solid #C92228;
				color:#fff;
				padding: 5px 0;
			}
			.form_submit_button:hover {
				border:1px solid #000000;
				background:#000000;
			}
			.error_holder {
				font-style: italic;
				font-size: 14px;
				font-weight: 700;
				color: #C92228;
				display: none;
				margin: 0;
				padding-bottom: 5px;
			}
		}
	}
}

@media screen and (min-width: 768px) and(max-width: 979px) {
  	.web_main {
    	h1, .h1 {
	   		font-size: 14px;
	  	}
	  	p {
	  		font-size: 14px;
	  	}
	  	.content {
	  		width: 60%;
	  	}
	  	.side_content {
	  		width: 40%;
	  	}
	}
}
@media screen and (max-width: 768px) {
 	.web_main {
	 	.content {
	 		width: 100%;
	 		border: none;
	 		padding: 0;
	 	}

	 	.side_content {
	 		width: 100%;
	 		padding: 0;
	 	}

	 	.article {

	 		.wrapper {
	 			margin:0;
	 		}
	 	}
	 }	
}
